<template>
	<view class="content">
    <image src="/static/logo-icon.png" class="logo" />
    <text>{{ title }}</text>
    <u-button type="primary" @click="toUIComponentsDoc">uview-ui 文档</u-button>
	</view>
</template>

<script lang="ts">
  import Vue from 'vue';

	export default Vue.extend({
		data() {
			return {
				title: '小程序平台'
			}
		},
  
		methods: {
      toUIComponentsDoc() {
        window.open('https://uviewui.com/components/button.html');
      },
		},
	});
</script>

<style lang="scss">
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
    padding: 40rpx {
      top: 200px;
    }
    gap: 24rpx;
    
    .logo {
      width: 80rpx;
      height: 80rpx;
    }
	}
</style>
